<template>
  <div class="audition177">
    <p>用postMessage传递数据</p>
    <p>接收：</p>
    <p>哪里需要接收，就在哪里监听<span class="color">message</span>事件：</p>
    <code class="code">
      window.addEventListener('message', function() { ... })
    </code>
    <p>iframe页面向父页面发送消息：</p>
    <code class="code">
      window.parent.postMessage('我是iframe引入的页面，我发送消息啦~', '*')
    </code>
    <p>父页面向iframe页面发送消息：</p>
    <code class="code">
      var ifr = document.querySelector('iframe')
      ifr.contentWindow.postMessage('我是父页面，我发送消息了', '*')
    </code>
  </div>
</template>

<script>
export default {
  name: 'Audition177'
}
</script>

<style>

</style>